<template>
  <div id="app">
   <!-- 其他页 -->
   <el-container v-if="$route.meta.keepAlive">
    <el-header>
     <!-- 导航栏 -->
      <header-nav></header-nav>
    </el-header>
   <el-container>
    <el-aside width="200px">
     <!-- 侧边栏 -->
      <left></left>
    </el-aside>
    <el-main>
     <!-- Body -->
      <router-view></router-view>
    </el-main>
   </el-container>
   </el-container>

   <router-view v-if="!$route.meta.keepAlive"></router-view>
  </div>

   </div>
</template>

<script>
import header from './tool/Header.vue';
import left from './tool/Left.vue';


export default {
  name: 'app',
  components: {
          headerNav: header,
          left: left
      }
}
</script>

<style>

body{

   font-family: 'Montserrat', sans-serif;
      
}
</style>
